<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>时间与爱--记录爱的点点滴滴</title>
<style type="text/css">
@font-face {
	font-family: digit;
	src: url('digital-7_mono.ttf') format("truetype");
}
</style>
<link href="default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="garden.js"></script>
<script type="text/javascript" src="functions.js"></script>

<style id="style-1-cropbar-clipper">
.en-markup-crop-options {
    top: 18px !important;
    left: 50% !important;
    margin-left: -100px !important;
    width: 200px !important;
    border: 2px rgba(255,255,255,.38) solid !important;
    border-radius: 4px !important;
}

.en-markup-crop-options div div:first-of-type {
    margin-left: 0px !important;
}
</style></head>

<body>

<div id="mainDiv">
	<div id="content" style="width: 1110px; height: 625px; margin-top: 10px; margin-left: 120px;">
		<div id="code" style="margin-top: 112.5px;">
			<span class="comments">第一次见面：2012年5月10日</span><br>
			<span class="comments">结婚纪念日：2013年3月29日</span><br>
			<span class="comments">小家伙出生：2014年6月8日</span><br>
			<span class=""><span class="comments">自从第一次见面，</span><br>
			<span class="space"><span class="comments">我们相遇...</span><br>
			<span class="space"><span class="comments"></span><br>
			男 孩 = <span class="keyword">Mr</span> 刘邓忠<br>
			女 孩 = <span class="keyword">Mrs</span> 王红梅<br>
			<span class="comments">// 我们一同坠入爱河。</span><br>
			这个男孩爱着这个女孩;<br>
			<span class="comments">// 他们彼此相爱。</span><br>
			女孩也同样喜欢这个男孩;<br>
			<span class="comments">// 随着时间的推移。</span><br>
			男孩从此不能离开这个女孩；<br>
			<span class="comments">// 在同一时间。</span><br>
			女孩也无法跟男孩分开;<br>
			<span class="comments">// 他们一起漫步在风雪当中，走走停停，</span><br>
			<span class="keyword">男孩</span> 非常 <span class="keyword">高兴，</span>;<br>
			<span class="keyword">女孩</span> 也非常 <span class="keyword">高兴！</span>;<br>
			<span class="placeholder"><span class="comments">// 不管是现在，还是那遥远的未来，</span><br>
			<span class="placeholder">这个男孩只有一个梦想;<br>
			<span class="comments">// 男孩希望女孩永远都快快乐乐的。</span><br>
			<br>
			<br>
			我 想 说:<br>
			宝贝，我永远爱你！<br>
		</span></span></span></span></span></span></div>
		<div id="loveHeart">
			<canvas id="garden" width="670" height="625"></canvas>
			<div id="words" style="position: absolute; top: 205px; left: 630px;">
				<div id="messages" >
					亲爱的，我们并肩携手走过那些难忘的日子：
					<div id="elapseClock"><span class="digit">1167</span> 天 <span class="digit">15</span> 小时 <span class="digit">15</span> 分钟 <span class="digit">34</span> 秒 </div>
				</div>
				<div id="loveu" >
					时间与爱恋相伴，直到永远！<br>
					<div class="signature">- 爱你的，刘邓忠</div>
				</div>
			</div>
		</div>
	</div>

</div>

<script type="text/javascript">
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
together.setFullYear(2012, 5, 10);
together.setHours(20);
together.setMinutes(0);
together.setSeconds(0);
together.setMilliseconds(0);

if (!document.createElement('canvas').getContext) {
	var msg = document.createElement("div");
	msg.id = "errorMsg";
	msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
	document.body.appendChild(msg);
	$("#code").css("display", "none")
	$("#copyright").css("position", "absolute");
	$("#copyright").css("bottom", "10px");
	document.execCommand("stop");
} else {
	setTimeout(function () {
		startHeartAnimation();
	}, 5000);

	timeElapse(together);
	setInterval(function () {
		timeElapse(together);
	}, 500);

	adjustCodePosition();
	$("#code").typewriter();
}
</script>


</body></html>